// 商品详情
// 主题颜色
$color-theme:#0c34ba;
.detail{
    padding: 45px 0px 51px 0px;
    background-color:#ffffff;
    .detail-nav{
        position: fixed;
        z-index: 999;
        width: 100%;
        top: 0;
        left: 0;
    }
    .detail-bg{
        margin: 0;
        position: relative;
        .detail-bg-img{
            width: 100%;
        }
        .bg-cardhead{
            position: absolute;
            bottom: -1px;
            width: 100%;
            height: 10%;
            border-radius: 15px 15px 0px 0px;
            background-color: #fff;
        }
        .detail-goodname{
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            bottom: 20%;
            left: 10px;
            padding: 10px 15px;
            border-radius: 20px;
            overflow: hidden;
            .detail-goodname-txt{
                color: #30343f;
                z-index: 2;
            }
            .detail-goodname-blur{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(255, 255, 255, 0.521);
                filter: blur(1px);
                z-index: 1;
            }
        }
    }
    .detail-content{
        margin: 0;
        background-color: #fff;
        padding: 0 16px;

        hr{
            margin: 15px 0px;
            // border-width: .5px;
            // border-radius: 1px;
            border:none;
            height: 1px;
            background-color: #cccc;
        }
        .detail-choose{
            display: flex;
            align-items: center;
            font-size: 16px;
            margin-bottom: 20px;
            .detail-choose-title{
                display: inline-block;
                width: 12%;
            }
            .detail-choose-btn{
               height: 30px;
               flex: 1;
               min-width: 80px;
               padding: 0px 10px;
               margin-left: 6%;
               color: #30343f !important;
            //    background-color: #ebebeb;
                &.active{
                    color: #fff !important;
                    background-color: $color-theme !important;
                    // 6a91ec
                }
            }
        }
        .describe{
            padding-bottom: 10px;
            color: rgb(131, 131, 131);
            .describe-title{
                color: #30343f;
            }
        }
        .goodadd{
            display: flex;
            justify-content: space-between;
            padding-bottom: 15px;
            span{
                color: $color-theme;
                font-weight: bold;
            }
        }
    }
    .goods-action{
        position: fixed;
        width: 100%;
        bottom: 0;
  
    }
    

}
.van-stepper--round .van-stepper__plus{
    background-color: $color-theme;
}
.van-stepper--round .van-stepper__minus{
    color: $color-theme;
    border:1px solid $color-theme;
}
.van-icon-like::before{
    color:$color-theme;
}